<!--
 * @Author: yuqy
 * @Date: 2023-04-10 19:26:39
 * @LastEditors: yuqy
 * @LastEditTime: 2023-10-23 14:20:20
 * @Descripttion: -
-->
<template>
  <div
    class="loginContainer"
    :class="{'loginContainer_web':APP_IS_Web, 'loginContainer_mid': VUE_APP_TYPE == 'MID'}"
  >
    <div class="loginContainerInner">
      <!-- 客户端的退出最小化 -->
      <div class="exit_wrap" v-if="!APP_IS_Web">
        <img src="@/assets/img/login/jian.png" alt @click="exit('exit')">
        <img src="@/assets/img/login/close.png" alt @click="exit('close')">
      </div>
      <div class="ipBox imgBox">
        <!-- enter-active-class="animated bounce" -->
        <transition enterActiveClass="animate__animated animate__bounce" name="transition">
          <img src="@/assets/img/login/IP.png" alt v-if="showIp">
        </transition>
      </div>
      <div class="rightContainer">
        <login-model />
        <p class="copyRightBox" v-if="VUE_APP_TYPE == 'ODIN'">版权所有©南京驿欧软件有限公司</p>
      </div>
    </div>
    <!-- 用户协议 -->
    <Modal
      footer-hide
      :closable="true"
      v-model="showAgreemnt"
      :fullscreen="true"
      :mask-closable="false"
      width="800"
      title="软件用户服务协议"
      @on-cancel="showAgreemnt = false"
    >
      <userService  v-if="showAgreemnt" @handleCancel="showAgreemnt = false" />
    </Modal>
  </div>
</template>
<script >
import { getAction } from "@/api";
import { ref, onMounted } from "vue";
import { getCurrentInstance } from "@vue/runtime-core";
import userService from '@/components/agreement/userService.vue';
import LoginModel from '@/components/user/login.vue';
import { Modal } from 'view-ui-plus';
export default {
  setup() {
    const _self = ref();
    const count = ref(0);
    const getDemo = async () => {
      let res = await getAction("/miniprogram/protocol", { protocolType: 0 });
    };
    const setLoading = () => {};
    onMounted(() => {});
    return {
      setLoading
    };
  },
  data() {
    return {
      showIp: false,
      showAgreemnt: false,
    };
  },
  components: {
    Modal, userService, LoginModel
  },
  mounted() {
    this.showIp = true;
  },
  methods: {
    exit(type) {}
  }
};
</script>
<style scoped lang="less">
@import url("./less/login.less");
</style>
